<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>发布闲置</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--    <link th:href="@{/css/navs.css}" rel="stylesheet">-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">


    <!--文件上传插件-->
    <link rel="stylesheet" th:href="@{/plugins/easyUpload/easyUpload.js/easy-upload.css}">
    <script th:src="@{/plugins/easyUpload/easyUpload.js/vendor/jquery.cookie-1.4.1.min.js}"></script>
    <script th:src="@{/plugins/easyUpload/easyUpload.js/easyUpload.js}"></script>


</head>
<body>

<div class="row">
    <div class="col-lg-1"></div>
    <div class="col-lg-10">
        <!--使用上传插件-->
        <div id="easyContainer"></div>
        <script>
            $('#easyContainer').easyUpload({
                allowFileTypes: '*.jpg;*.png;*.jpeg;',//允许上传文件类型，格式';*.doc;*.pdf'
                allowFileSize: 1024*2014*10,//允许上传文件大小(KB)
                selectText: '选择文件',//选择文件按钮文案
                multi: true,//是否允许多文件上传
                multiNum: 10,//多文件上传时允许的文件数
                showNote: true,//是否展示文件上传说明
                note: '提示：最多上传10个文件，支持格式为jpg、png、jpeg',//文件上传说明
                showPreview: true,//是否显示文件预览
                //后台处理
                url: "[(@{/user/addPhoto})]",// 后台url 上传文件地址
                fileName: 'imgFile',//文件filename配置参数
                formParam: {
                    /*  token: $.cookie('token_cookie') *///不需要验证token时可以去掉
                },//文件filename以外的配置参数，格式：{key1:value1,key2:value2}
                timeout: 30000,//请求超时时间
                successFunc: function(res) {
                    //res  json格式   成功code  200
                    console.log('成功回调', res);
                },//上传成功回调函数
                errorFunc: function(res) {
                    console.log('失败回调', res);
                },//上传失败回调函数
                deleteFunc: function(res) {
                    console.log('删除回调', res);
                }//删除文件回调函数
            });
        </script>
    </div>
    <div class="col-lg-1"></div>
</div>



</body>
</html>
